<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="x-rim-auto-match" content="none">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0">
	<title>雷鸟官网</title>
	<link rel="stylesheet" href="common/css/common.css">
	<link rel="stylesheet" href="common/css/style.css">
	<link rel="stylesheet" href="common/css/widget/amazeui.swiper.min.css">
</head>

<body>
	<div class="view">
		<div class="view-scroll">
			<div class="view-wrap">
				<!-- banner start -->
				<div class="banner">
					<!-- swiper start -->
					<div class="swiper-container swiper-container-horizontal">
						<ul class="swiper-wrapper">
							<li class="swiper-slide">
								<a href="javascript:void(0);">
									<img src="http://img.mall.tcl.com/dev1/0/000/211/0000211636.fid" alt="b1">
								</a>
							</li>
							<li class="swiper-slide">
								<a href="javascript:void(0);">
									<img src="http://img.mall.tcl.com/dev1/0/000/210/0000210939.fid" alt="b2">
								</a>
							</li>
							<li class="swiper-slide">
								<a href="javascript:void(0);">
									<img src="http://img.mall.tcl.com/dev1/0/000/211/0000211915.fid" alt="b3">
								</a>
							</li>
						</ul>
					</div>
					<div class="swiper-pagination"> </div>
					<!-- swiper end -->
				</div>
				<!-- banner end -->

				<!-- nav start -->
				<div class="nav">
					<ul class="nav-list">
						<li class="item on">
							<a href="javascript:;">
								<span class="icon pc">&#xe610;</span>
								<p>商城</p>
							</a>
						</li>
						<li class="item">
							<a href="javascript:;">
								<span class="icon phone">&#xe620;</span>
								<p>服务</p>
							</a>
						</li>
						<li class="item">
							<a href="javascript:;">
								<span class="icon zs">&#xe64b;</span>
								<p>社区</p>
							</a>
						</li>
					</ul>
				</div>
				<!-- nav start -->
				<div class="show_first">
					<img src="common/img/mlogo.png">
					<p class="product_belief">对动感的追求</p>
					<p class="product_text">将影院级视听体验带入您的家，动感十足， 前所未有的震撼体验。</p>
				</div>	
				<div class="show_second clear">
					<div class="second_left fl">
						<img class="bg" src="common/img/temp/bg-one.png">
						<img class="jiao" src="common/img/temp/index2-left.png">
					</div>
					<div class="second_center">
						<img class="bg" src="common/img/temp/bg-two.png">
						<img class="jiao" src="common/img/temp/index2-center.png">
					</div>
					<div class="second_right fr">
						<img class="bg" src="common/img/temp/bg-three.png">
						<img class="jiao" src="common/img/temp/index2-right.png">
					</div>
				</div>
				<a href="#" class="show_item"><img src="common/img/temp/index3.jpg"></a>	
				<a href="#" class="show_item"><img src="common/img/temp/index4.jpg"></a>	
				<a href="#" class="show_item"><img src="common/img/temp/index5.jpg"></a>	
				<a href="#" class="show_item"><img src="common/img/temp/index6.jpg"></a>	
			</div>

			<!-- import footer -->
			<!-- <link rel="import" href="footer.html"> -->

			<!-- customer service start -->
			<div class="service">
				<h2 class="arc-title">客服电话</h2>
				<div class="tel-bar">
					<a class="tel" href="tel:400-712-3456">
												400-712-3456
											</a>
					<p class="beizhu">(24小时在线，仅收市话费)</p>
				</div>
			</div>
			<!-- customer service end -->
		</div>
	</div>

	<script src="common/js/init.js" charset="utf-8"></script>
	<script src="common/js/jquery-1.9.1.min.js" charset="utf-8"></script>
	<script src="common/js/swiper3.1.0.min.js" charset="utf-8"></script>
	<script type="text/javascript">
		//轮播
		var myImgSwiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			autoplay: 3000, //可选选项，自动滑动
			// freeMode: true,
			// slidesPerView: "auto",
		});
	</script>
</body>

</html>
